<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
    输入1~10内的数字：<input type="text" v-model="value">
    <p>计算结果：{{resultMsg}}</p>
</div>
<script>
  var V=new Vue({
      el:'#app',
      data:{
          value:null,
          randNum:5//第一次随机数为5
      },
      methods:{
        getRandNum:function(min,max){//系统自动随机选取一个1~10以内的数字
           return Math.floor(Math.random()*(max-min+1))+min;//Math.random() 返回0~1之间随机数
        }
      },
      computed:{
          resultMsg:function(){
              if(this.value==this.randNum){
                  this.randNum=this.getRandNum(1,10);
                  return '你猜对了!';
              }
              else{
                  this.randNum=this.getRandNum(1,10);
                  return '你猜错了!';
              }
          }
      }

  })
</script>
</body>
</html>